﻿@model WebTV_Kickstarter.Rating
 
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    input[type="radio"] {
    }

        input[type="radio"] + label {
            height: 25px;
            width: 25px;
            display: inline-block;
            padding: 0 0 0 0px;
            text-align: center;
        }

        input[type="radio"]:checked + label {
            background: url(../../Content/Star.png);
            background-size: 25px;
            height: 25px;
            width: 25px;
            display: inline-block;
            padding: 0 0 0 0px;
        }
</style>
<h2>Create</h2>

@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()
    
    <div class="form-horizontal">
        <h4>Rating</h4>
        <hr />
        @Html.ValidationSummary(true)

        <div class="form-group">
            Met welk cijfer beoordeeld u het project?
            <div class="col-md-10">
                @{
                    for (int i = 1; i <= 10; i++)
                    {
                        <input type="radio" id="Score" name="Score" value="@i" @((i == 10)? "checked" : "")/>
                        <label for="@i">@i</label>
                    }
}
                
                @Html.ValidationMessageFor(model => model.Score)
            </div>
        </div>
        <div class="form-group">
            
            <div class="col-md-10">
                @Html.HiddenFor(model => model.UserId)
                @Html.HiddenFor(model => model.UserId)
            </div>
        </div>
        <div class="form-group">
            
            <div class="col-md-10">
                @Html.HiddenFor(model => model.ProjectId)
                @Html.HiddenFor(model => model.ProjectId)
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Beoordeel" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>